<template>
  <div class="form-container">
    <div class="form">
      <div class="item-title">司机包干系统设置（司机购买套餐后的分配设置）</div>
      <div class="text-area">
        <div class="text">
          股权收益{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.driverEquity"
          ></el-input>
          {{ "&nbsp" }}%
        </div>
        <div class="text">
          流水抽成{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.driverRevenue"
          ></el-input>
          {{ "&nbsp" }}%
        </div>
      </div>
    </div>
    <div class="form">
      <div class="item-title">司机扫码下单抽成比例设置</div>
      <div class="text-area">
        <div class="text">
          客户通过司机的二维码进行下单后，司机可获抽成比例{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.driverCode"
          ></el-input>
          {{ "&nbsp" }}%
        </div>
      </div>
    </div>
    <div class="form">
      <div class="item-title">改价同意到计时时间设置</div>
      <div class="text-area">
        <div class="text">
          司机发起改价后，乘客方同意改价倒计时时长{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.agreeChange"
          ></el-input>
          {{ "&nbsp" }}分钟
        </div>
      </div>
    </div>
    <div class="form">
      <div class="item-title">长期乘客设置标准</div>
      <div class="text-area">
        <div class="text">
          乘客累计订单{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.cumulativeOrder"
          ></el-input>
          {{ "&nbsp" }}单{{ "&nbsp&nbsp" }}为长期乘客设置长单才预付
        </div>
      </div>
    </div>
    <div class="form">
      <div class="item-title">超时订单扣罚设置</div>
      <div class="text-area">
        <div class="text">
          订单超时罚司机扣除该订单收益{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.overtimePunishment"
          ></el-input>
          {{ "&nbsp" }}%
        </div>
      </div>
    </div>
    <div class="form">
      <div class="item-title">提现服务费设置</div>
      <div class="text-area">
        <div class="text">
          每笔提现收取服务费占比{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.withdrawalServe"
          ></el-input>
          {{ "&nbsp" }}%
        </div>
      </div>
    </div>
    <div class="form">
      <div class="item-title">结束订单判断标准</div>
      <div class="text-area">
        <div class="text">
          预约单在预约时间到达{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.bookEndTime"
          ></el-input>
          {{ "&nbsp" }}小时{{ "&nbsp&nbsp" }}后还未开始行程则自动结束订单
        </div>
        <div class="text">
          顺风车乘客下单后超出预定时间{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.carpoolEndTime"
          ></el-input>
          {{ "&nbsp" }}小时{{ "&nbsp&nbsp" }}后还没司机接单自动关闭订单
        </div>
        <div class="text">
          司机到达起点 {{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.arriveEndTime"
          ></el-input>
          {{ "&nbsp" }}分钟后，可以无责取消订单
        </div>
        <div class="text">
          乘客在{{ "&nbsp" }}
          <el-input
            style="width: 85px"
            v-model="form.passengerEndTime"
          ></el-input>
          {{ "&nbsp" }}分钟钟内取消订单无责
        </div>
      </div>
    </div>
  </div>
</template>
<script setup name="Financial">
import { listFinancial, updateFinancial } from "@/api/system/financial";

const data = reactive({
  form: {},
});

const { form } = toRefs(data);

function getList() {
  listFinancial().then((res) => {
    console.log(res);
  });
}
getList();
</script>
<style>
.form-container {
  padding: 60px 40px;
  .form {
    margin-bottom: 30px;
    .item-title {
      font-size: 20px;
      font-weight: bolder;
    }
    .text-area {
      margin-left: 20px;
      font-size: 16px;
    }
  }
}
</style>
